<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>计费后台管理</title>
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/css/managercss.css">
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/css/wbox.css">
<script type="text/javascript" src="<%=request.getContextPath() %>/js/jquery-1.4.min.js"></script>
<script type="text/javascript">
<!--
	$(function(){
		$(".list div").mousemove(function(){
			$(this).css("background","#E3EEFF");
		}).mouseout(function(){
			$(this).css("background","");
		});
		$("#status").val('${status}');
	});

//-->
</script>
</head>
<body>
<div class="information">
	<div class="title">
		消费列表
	</div>
	<div class="search">
		<form action="<%=request.getContextPath() %>/admin/order/list" method="post">
		手机号：
		<input type="text" name="telPhone" id="telPhone" value="${telPhone }">
		订单状态：
		<select name="status" id="status" style="width:120px;">
			<option value="0">正常</option>
			<option value="1">过期</option>
		</select>
		<input type="submit" value="查询">
		</form>
	</div>
	<div class="listTitle">
		<ul>
			<li style="width:40px;">编号</li>
			<li style="width:100px;">手机号码</li>		
			<li style="width:100px;">资费总额</li>
			<li style="width:120px;">计费点</li>
			<li style="width:60px;">状态</li>
			<li style="width:150px;">创建时间</li>
			<li style="width:200px;">操作</li>
		</ul>
		<div class="clear"></div>
	</div>
	<div class="list">
		<c:forEach items="${pageBean.result}" var="order" varStatus="s">
			<div class="${s.index%2==0?'noselect':'select' }">
				<ul>
					<li style="width:40px;">${s.index+1+pageBean.start }</li>
					<li style="width:100px;">${order.telPhone }</li>	
					<li style="width:100px;">${order.consume }</li>
					<li style="width:120px;">${order.billingName }</li>
					<li style="width:60px;">${order.status==0?'正常':'过期' }</li>
					<li style="width:150px;">${order.updateTime }</li>
					<li style="width:200px;">
						查看
					</li>
				</ul>
				<div class="clear"></div>
			</div>
		</c:forEach>
	</div>
	<jsp:include page="../page.jsp" flush="true"></jsp:include>
</div>
</body>
</html>